/*  CSS FOR MYCHART.  MYCHART ALSO HAS CSS FILES FOR UCH */
html{
    min-width:  100% !important;
}

/* fix font size */
body {
    font-size: 14px !important;
    text-align: left !important;
}


/* background color */
html:not(.mobile) {
    background-color: #ffffff !important;
}
body.menuontop {
    background: none !important;
    background-color: white !important;
}

/* attempt to hide vertical scrollbar on main summary page */
#main
{
    min-height: 100% !important;
    overflow-y: hidden !important;
}


/* top menu */
.uch-button-launcher{
    padding-top:  0px !important;
}



/*media all*/
.uch-apps-home {
    line-height: normal;
    top: auto;
}




 .section .content table a:hover, .nolinelist:hover, .nolinelist:active, .section table tr td.action a:hover, .ptEduTitleLabel:hover {
    color: #337ab7 !important;
}


/* hide my chart banner */
#banner{
    display: none !important;
}

/* override button */
.button{
    background-image:none !important;
    font-size:  14px !important;
    font-weight:  normal !important;
    padding-left:  10px !important;
    background-color: #5c6f7b !important; 
    color: #ffffff !important;
}
.button:hover, .button:focus {
    background-color: #5c6f7b !important; 
    color: #ffffff !important;
}


/* need to fix formatting issue */
.uch-width-auto{
    width: auto !important;
}

.navbar-toggle{
    font-size:  14px !important;
}


/* adding padding to top logo*/
uch-logo{
    padding-top:  8px;
}



/*make signoff text larger*/
.uch-signoff-text {
    font-size: 14px;
}



/* hide left navigation */
#menu{
    display:none !important;
}

/* work on responsive settings*/
#wrap {
    width: auto !important;
    max-width: 975px;
    padding:  0px !important;
}
#main {
    max-width: 700px !important;
    width: auto !important;
    float: left !important;
    min-width: 100% !important;
    background: none !important;
    border:  0px !important;
    padding-top:   0px !important;
    overflow-x:  hidden !important;
}


/* get rid of background colors*/
.color1 #wrap, .color1 #wrap::before, .color1 #wrap::after {
    background-image: none !important;
}

/* get rid of tab backgrounds*/
ul#proxyTabs li{
    background-image: none !important;
}
ul#proxyTabs li a{
    background-image: none !important;
}

/* user(s) names*/
ul#proxyTabs a, ul#proxyTabs .moresuffix {
    font-family: arial !important;
}

/* get rid of icons and title indent*/
.title img.icon {
    width: 0px !important;
    height: 0px !important;
    float: left !important;
    margin: 0px !important;
    display: none !important;
}

.title h1 {
    margin: 0 55px 0 75px !important;
    margin-left: 0px !important;
    color: #C60C46 !important;
}



#baselinks{
    display:  none !important;
}


/* don't display border around #main */
.loginassist .title::before, #main, #calendar table, #pagecalendar, #banner a.button, .section table td span.password {
    box-shadow: none !important;
}


/* summary page */
.quicklinks a img, .templateC .quicklinks a {
    background-color: transparent !important;
    border: 0;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* title bars */
.component .titlebar {
    border-bottom-color: #152128 !important;
    color: #c60c46 !important;
    text-align:  left !important;
}


/* title bars */
.title, .back, .loginassist h1, .section .remoteLink a, #content .creleft, #content .cre a, .section h1, .section h2, .section h4, .content table th, .content table thead th, .content table tfoot th, .content table tfoot tr td, .section .content h2, .section .terms h2, .section .message, .section .unansweredquestion, .section .unansweredsubsquestion, .section .Notes a, .section .withhr, fieldset, fieldset legend.header, div.tabcontainer, #calendar table, #pagecalendar, #pagecalendar *, .section .content .iconcalendar table, .section .content .iconcal_legend, .section .Notes span.notetitle, .section .content .formsection > legend, div.actionmenucontainer ul.actionmenu, .innernavparent .flyoutExt, .ExternalAccount .vendorlogo, .jp-no-solution, .component h2 {
    border-color:  #152128 !important;
}

/* attempting to hide proxy background color tab */
#main {
    background-color: white !important;
}
#wrap{
    background-image: none !important;
}





/* quicklinks */
.component.quickLinks {
    height: auto !important;
}


div.quicklinks a, p.ques.alert {
    color: #337ab7 !important;
}

div.quicklinks, p.alert.ques {
    text-align: left !important;
}


/* news */
.news {
    height: auto !important;
}


/* popup close top right corner*/
.close {
    padding-top: 10px !important;
    padding-right: 15px !important;
    opacity:  1 !important;
}



/* footer */
#footer{
    display:none !important;
}

/* eCheck-In */
.listdelete, .listadd{
    background-color:  #ffffff !Important;
}
input.buttoncheck + label.buttoncheck {
    background-color: white !important;
    color: black !important;
}
.buttoncheck {
    background-color: white !important;
}



/* wallet card */
.section .content .wallet .walletcard .cardbody .WClabel, .section .content .wallet .walletcard .cardbody .WClabel + p {
    line-height: 100%;
}


.section .content .wallet .walletcard .cardbody .WCnote {
    position: relative;
}


@media ( min-width: 767px ) {
    /** NON MOBILE SETTINGS ONLY*/
    .uch-menu-holder {
        width: auto !important;
    }

    /** quicklinks */
    .row1{
        height: auto !important;
    }
    .row2{
	    height: auto !important;
    }
    .row2{
	    height: auto !important;
    }
      .row3{
	    height: auto !important;
    }
    .row4{
	    height: auto !important;
    }
    .row5{
	    height: auto !important;
    }
   .row6{
	    height: auto !important;
    }
   .row7{
	    height: auto !important;
    }
   .row9{
	    height: auto !important;
    }
   .row9{
	    height: auto !important;
    }
}



@media ( max-width: 1118px ) {
    /** MOBILE TABLETS */

    /* MOBILE TABLETS top padding*/
    #wrap {
        padding-top:  100px !important;
    }

}




@media (max-width: 767px) {
    /** MOBILE MOBILE MOBILE MOBILE*/


    /** MOBILE top menu */
    .uch-icon-questions {
        padding-top: 0px !important;
    }

    .uch-signoff {
        padding-top: 0px !important;
    }

    /** MOBILE attempting to get rid of white space in mobile under top nav*/
    ul#proxyTabs {
        margin-top: -130px !important;
    }

    #main {
        top: -45px !important;
    }



    /** MOBILE main summary page, get quicklinks on sep row*/
    .quicklinks.component {
        min-height: 160px;
        height: 100% !important;
        text-align: left;
    }

    .row1 {
        width: 100% !important;
        height: auto !important;
        min-height: auto !important;
        text-align: left;
    }

    .row2 {
        width: 100% !important;
        height: auto !important;
        min-height: auto !important;
        text-align: left;
    }

    .row3 {
        width: 100% !important;
        height: auto !important;
        min-height: auto !important;
        text-align: left;
    }

    .row4 {
        width: 100% !important;
        height: auto !important;
        min-height: auto !important;
        text-align: left;
    }

    .row5 {
        width: 100% !important;
        height: auto !important;
        min-height: auto !important;
        text-align: left;
    }

    .row6 {
        width: 100% !important;
        height: auto !important;
        min-height: auto !important;
        text-align: left;
    }

    .row7 {
        width: 100% !important;
        height: auto !important;
        min-height: auto !important;
        text-align: left;
    }

    .row8 {
        width: 100% !important;
        height: auto !important;
        min-height: auto !important;
        text-align: left;
    }

    .row9 {
        width: 100% !important;
        height: auto !important;
        min-height: auto !important;
        text-align: left;
    }


    div.quicklinks a img {
        float: left;
    }

    .quickLinks {
        display: block !important;
    }

    div.quicklinks a, p.ques.alert {
        text-align: left !important;
    }

        div.quicklinks a span {
        }

    /** MOBILE care team*/
    .component {
        height: auto !important;
    }

    /** MOBILE summary page You Might Want To...*/
    .noicon {
        font-size: 1.3em !important;
    }

    /** MOBILE plan of care right column...*/
    .templateD .HProw.rightsection, .templateD .HProw.leftsection {
         width: 100%  !important;
         float: left !important;
    }
}